<template>
  <Dialog
    title="asdf"
    ref="refDialog"
    width="270"
    draggable
    :hasHeader="false"
    class="compo-copyRight"
  >
    <div class="text-center">
      <div class="box-logo hv-center">
        <img src="./images/logo.png" alt="" />
      </div>
      <div class="text-[#323335] mt-4 text-[14px] font-medium leading-[22px]">
        <p>CA互认签章客户端</p>
        <p>v 1.0.0</p>
      </div>
      <div class="mt-[10px] text-[#64666B] text-[12px] leading-[18px]">
        Copright © 2024 China Tendering <br />
        Public Service Platform Co.,ltd
      </div>
    </div>
    <template #footer>
      <el-button @click="onClose" type="primary" class="w-full mt-[-16px]">
        OK</el-button
      >
    </template>
  </Dialog>
</template>
<script setup>
import { reactive, toRefs, ref } from "vue";

const refDialog = ref();
const state = reactive({
  style: {},
  formData: {},
});
const { style, formData } = toRefs(state);

const onClose = () => {
  refDialog.value.close();
};

defineExpose({
  show() {
    refDialog.value.show();
  },
});
</script>
<style lang="scss">
.compo-copyRight {
  .box-logo {
    box-shadow: 0px 2px 8px 0px #00000014;
    @apply mx-auto bg-white w-[48px] h-[48px];
    border-radius: 10px;
    img {
      width: 34px;
      object-fit: contain;
    }
  }
}
</style>
